<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/template.xhtml">

<ui:define name="body">

    <h:form id="invEgreso" styleClass="edit">

        <rich:panel>
            <f:facet name="header">#{invEgresoHome.managed ? 'Editar' : 'Agregar'} egresos</f:facet>


<s:decorate id="IdCliente" template="layout/edit.xhtml">
     <ui:define name="label">Destino de bodega:</ui:define>
		<h:selectOneMenu value="#{invEgresoHome.instance.auxsubDep}"
requiredMessage="Seleccione el destino !!!"
required="true" 
	defaultLabel="Seleccione..." 
 				directInputSuggestions="true"
 				enableManualInput="false" 
>
 				
<f:selectItems value="#{departamentoListar.subDepartamentoSelectItems}"  />
</h:selectOneMenu>
		  </s:decorate>
		  <s:decorate id="IdFormaDePAgo" template="layout/edit.xhtml">
     <ui:define name="label">Forma de pago:</ui:define>
		<h:selectOneMenu value="#{invEgresoHome.instance.egrTipoPago}"
requiredMessage="Seleccione el tipo de pago!!!"
required="true" 
	defaultLabel="Seleccione..." 
 				directInputSuggestions="true"
 				enableManualInput="false" 
>
 				
<f:selectItems value="#{listadoCliente.formaDePagoSelectItems}"  />
</h:selectOneMenu>
		   </s:decorate>
		  <s:decorate id="IdConsumoInterno" template="layout/edit.xhtml">
     <ui:define name="label">Consumo interno:</ui:define>
		<h:selectOneMenu value="#{invEgresoHome.instance.egrConsumoIntern}"
requiredMessage="Seleccione el tipo de pago!!!"
required="true" 
	defaultLabel="Seleccione..." 
 				directInputSuggestions="true"
 				enableManualInput="false" 
>
 				
<f:selectItems value="#{listadoCliente.tipoDeConsumoSelectItems}"  />
</h:selectOneMenu>
		  </s:decorate>
		  
		   <s:decorate id="egrFechaField" template="layout/edit.xhtml">
                <ui:define name="label">Fecha</ui:define>
                <rich:calendar id="egrFecha"
                          value="#{invEgresoHome.instance.egrFecha}" datePattern="MM/dd/yyyy" />
            </s:decorate>
		  
		  
            <s:decorate id="egrDescuentoField" template="layout/edit.xhtml">
                <ui:define name="label">Descuento:</ui:define>
                <h:inputText id="egrDescuento"
                          value="#{invEgresoHome.instance.egrDescuento}"
                           size="20"
                           required="true" requiredMessage="Debe seleccionar el porcentaje !!!"
                           >
                    <a:support event="onblur" reRender="egrDescuentoField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>


           
            <s:decorate id="egrIvaField" template="layout/edit.xhtml">
                <ui:define name="label">Iva:</ui:define>
                <h:inputText id="egrIva"
                          value="#{invEgresoHome.instance.egrIva}"
                           size="20"
                           required="true" requiredMessage="Debe ingresar el Iva!!!"
                           >
                    <a:support event="onblur" reRender="egrIvaField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>


            <s:decorate id="egrObservacionField" template="layout/edit.xhtml">
                <ui:define name="label">Observacion:</ui:define>
                <h:inputText id="egrObservacion"
                           size="100"
                      maxlength="100"
                          value="#{invEgresoHome.instance.egrObservacion}">
                    <a:support event="onblur" reRender="egrObservacionField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>

            <div style="clear:both">
                <span class="required">*</span>
                required fields
            </div>

        </rich:panel>

        <div class="actionButtons">

            <h:commandButton id="save"
                          value="Guardar"
                         action="#{invEgresoHome.meotodoManualInsertar}"
                       disabled="#{!invEgresoHome.wired}"
                       rendered="#{!invEgresoHome.managed}"/>

          
            
            

            <s:button id="cancelAdd"
                   value="Cancelar"
             propagation="end"
                    view="/#{empty invEgresoFrom ? 'InvEgresoList' : invEgresoFrom}.xhtml"
                rendered="#{!invEgresoHome.managed}"/>

        </div>
        
        <h:panelGrid columns="2" style="TEXT-DECORATION: underline;">

                                        <h:commandButton value="Agregar Itemes" action="#{egresoItemsListado.agregarItems}" >
                                        </h:commandButton>
                                        <h:commandButton value="Eliminar Items"
                                                action="#{egresoItemsListado.BorraSeleccionado}" />
                                        
                               </h:panelGrid>
           <rich:dataTable value="#{egresoItems}" var="row">
                        <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Seleccionar" />
                                </f:facet>
                                <h:selectBooleanCheckbox value="#{row.seleccionarManual}" />
                        </rich:column>
                        <rich:column>
	                                <f:facet name="header">
	                                        <h:outputText value="Grupo" />
	                                </f:facet>
	             <h:selectOneMenu value="#{row.gruCodigo}">
	 				
	<f:selectItems value="#{grupoListado.grupoSelectItems}"  />
	 <a:support event="onchange" reRender="Comboitems" ajaxSingle="true" />
	</h:selectOneMenu>
                   </rich:column>
                   <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Items" />
                                        
                                </f:facet>
                              <h:selectOneMenu id="Comboitems" value ="#{row.auxInvItem}" >
					<f:selectItems value="#{grupoListado.listaEgresoItemsSelectItems}"  />
					 <a:support event="onchange" reRender="ItemsExistenca,ItemsPrecio" ajaxSingle="true" />
					</h:selectOneMenu>
                   </rich:column>
                         <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Cantidad en Existencia" size="3" />
                                </f:facet>  
                               
                                <h:outputText id="ItemsExistenca" value="#{grupoListado.cantidadSotck}" required="true" requiredMessage="Ingrese la cantidad" maxlength="5" >
                                 </h:outputText>                         
                        		</rich:column>
                        		 <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Precio Unitario" size="3" />
                                </f:facet>  
                                <h:outputText id="ItemsPrecio" value="#{grupoListado.precioU}" required="true" requiredMessage="Ingrese la cantidad" maxlength="5" >
                                 </h:outputText>                         
                        		</rich:column>
                        		
                        	                 
                        		<rich:column>
                        		
                                <f:facet name="header">
                                        <h:outputText value="Cantidad" />
                                </f:facet>
                                
                                <h:inputText value="#{row.egiCantidad}" required="true" >
                                <a:support  event="onchange" reRender="cantidadxCostoU"  ajaxSingle="true" />
                                </h:inputText>
                        </rich:column>
       					 <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="PrecioxCantidad" />
                                </f:facet>
                                <h:outputText id="cantidadxCostoU"  value="${grupoListado.precioU*row.egiCantidad}">
                                    <f:convertNumber pattern="$###0.000" />
                                
                                 </h:outputText>
                        </rich:column>
                </rich:dataTable>
                
<h:panelGrid columns="2" style="TEXT-DECORATION: underline;">
        <h:column>
      
        </h:column>
        </h:panelGrid>        
        
    </h:form>

</ui:define>

</ui:composition>
